
.min-w-0{min-width: 0}
.btn+.btn{margin-left:20rpx}
.correct-color{color:#1ee30d}
.mistake-color{color: #da0017}
.bottombox{padding:8rpx 32rpx 24rpx}
.containerbox{background-color: #4d6d8a}
.btn{height:80rpx;border-radius:12rpx;flex:1;text-align:center;line-height:80rpx;color:#fff;font-size:28rpx}


.pt-6{padding-top: 6rpx}
.word-wrap{word-wrap:normal}
.icon.error{background-color:#ff5252}
.icon.correct{background-color:#40d463}
.selected .mp3icon .item{background-color: #fff}
.hidden-block-translation{position: absolute;z-index: -1}
.mp3icon .item{width:4rpx;height:14rpx;background-color:#fc5507}
.line-1{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.mp3icon .item:nth-of-type(4){animation:grow 1s ease-in-out infinite}
.mp3icon .item:nth-of-type(2){animation:grow 1s -0.3s ease-in-out infinite}
.mp3icon .item:nth-of-type(1){animation:grow 1s -0.45s ease-in-out infinite}
.mp3icon .item:nth-of-type(3){animation:grow 1s -0.15s ease-in-out infinite}
.items-view .items-word{padding: 30rpx 0;position: relative;transition: height .3s}
.icon{border-radius:100%;width:60rpx;height:60rpx;display:flex;align-items:center;justify-content:center;background-color:#aaa;margin-left:20rpx;}
.items-view{background-color:#e8ebff;border-radius:12rpx;margin-bottom:30rpx;padding:0 30rpx;font-size:36rpx;font-weight:600;position:relative;overflow:hidden;letter-spacing: 1rpx}
.selected{background-color:#f69b2c;color:#fff}
.mark:after{content:'';display:block;width:8rpx;background-color:#4fd8e4;height:100%;top:0;position:absolute;left:0}
.mp3icon{display:flex;flex-flow:rownowrap;align-items:center;justify-content:space-between;width:30rpx;margin-left:20rpx}
.nowrap{white-space: nowrap}
@keyframes grow {
  0%,
  100%{transform: scaleY(1)}
  50%{transform: scaleY(2)}
}